<template>
  <div class="container">
    <div class="guding">
           <div class="head">
          <img src="../assets/Fill 1@2.88x.png" alt="" @click="back">
<div class="all-text">
   <div><router-link to="/shopcollect"> 商品</router-link></div>   <p><router-link to="/shoptoshop"> 店铺</router-link></p>
</div>
     </div>
    </div>


       <router-view></router-view>
  </div>
</template>

<script>
export default {
   data(){
     return {
       putone:"",
       puttwo:"",
     }
   },
   methods:{
      back(){
        this.$router.go(-1);//返回上一层
    }
   }

  
  
}
</script>
<style scoped lang="scss">
.guding{
      position: sticky;
      top: 0;
      left: 0;
    z-index: 1;
    background: #FFFFFF;
}
a{
  text-decoration: none;
  color: #333333;
}
.router-link-active{
  color: red;
}
.container{
    width:100%;
    display: flex;
    flex-direction: column;
}
.head{
  //background: #ffffff;
    width:100%;
    height: 0.44rem;
    font-size: 0.18rem;
    color: #030303;
    line-height: 0.44rem;
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;   
    img{
      width:0.1rem;
      height:0.18rem;
      position: absolute;
      left:0.14rem;
      top:0.12rem
      
    }
    .all-text{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    color: #333333;
    p{ 
         margin-left:0.38rem;
      }
    }
}  
.head::after{
               content: "";
               position: absolute;
               bottom: 0;
               width: 100%;
               left: 0;
               border-bottom: 1px solid #ccc; 
               transform: scale(1, 0.5)
            }

</style>